.main{
    display: flex;
}
.main-card{
    min-height: 1800px;
}
.user-area{
    width: 1100px;
}
.user-gbu{
    height: 200px;
    background: url("../img/pexels1.jpg") center center;
    background-size:cover;/* 平铺方式：把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。 */
    overflow: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.bgu-img{
    /* 本样式不适合调整图片比例 */
    /*width: 100%;*/
    /*height: 100%;*/

    /*自由缩放图片，且图片放大的尺寸不大于其原始的最大值，则可使用以下代码：*/
    max-height: 100%;
    width: 100%;

    border-radius: 4px;
}

.user-container{
    position: relative;
    padding: 20px 40px;
    display: flex;
}
.user-head-area{
    position: absolute;
    top: -15px;
}
.user-head{
    height: 70px;
    width: 70px;
    border: 4px solid #ffffff;
    border-radius: 4px;
    background: url("../img/icons8-online-support-38.png") #ffffff;
    background-size: cover;
    /*top: -30%;*/
}
.user-edit-btn{
    width: 80px;
    height: 80px;
    position: absolute;
    right: 50px;
}
.user-follow-btn{
    width: 80px;
    height: 80px;
    position: absolute;
    right: 150px;
}
.user-info{
    width: 800px;
    /*padding-left: 110px;*/
    margin: 70px auto;
}
.user-name{
    width: 600px;
    height: 80px;
    font-size: 30px;
    font-weight: 400;
    position: absolute;
    left: 160px;
}
.table td{
    /*border-bottom: 1px solid;*/
    /*border-top: 0;*/
    border-bottom: 1px solid #dee2e6;
    border-top: 0!important;
    padding: 1.75rem!important;
}
.table th{
    border-bottom: 1px solid #dee2e6;
    border-top: 0!important;
    padding: 1.75rem!important;
    width: 300px!important;
}
.table tr{
    text-align: left;
}
/*.card-header{*/
/*    background-color: #F0F8FF!important;*/
/*}*/
.qList-area{
    width: 1056px;
}
.qList-area a{
    text-decoration: none;
    color: inherit;
    display: block;
}
.content-p{
    display: -webkit-box;
    /*white-space:nowrap; 加上后...无法显示，即ellipsis不生效*/
    text-overflow: ellipsis;
    -webkit-line-clamp: 1; /* 限制在一个块元素显示的文本的行数 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    overflow: hidden;
    font-weight: 500;

    margin-left: 15px;
}
/* 关注 */
.follow-container{
    display: flex;
    /*justify-content: center;*/
    padding-left: 50px;
}
.fiveBox {
    display: flex;
    height: 80px;
}
.follow-head{
    width: 60px;
    display: flex;
    align-items: center;
    /*align-content: center;*/
    justify-content: center;
}
.fiveBox a{
    text-decoration: none;
    color: inherit;
}
a:hover{
    text-decoration-line: none!important;
}
.follow-info-area{
    width: 600px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.follow-info{
    width: 600px;
}
.follow-name{
    font-weight: 600;
    font-size: 18px;
}
.follow-btn{
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-body ul{
    /*text-decoration: none;*/
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    border-bottom: #F7F7F7 1px solid;
}
